
var prefix = "/payee/agent"
$(function() {
    load();
});

function load() {
    $('#exampleTable').bootstrapTable({
        method : 'get', // 服务器数据的请求方式 get or post
        url : prefix + "/list", // 服务器数据的加载地址
         //	showRefresh : true,
         //	showToggle : true,
         //	showColumns : true,
        iconSize : 'outline',
        toolbar : '#exampleToolbar',
        striped : true, // 设置为true会有隔行变色效果
        dataType : "json", // 服务器返回的数据类型
        pagination : true, // 设置为true会在底部显示分页条
        // queryParamsType : "limit",
        // //设置为limit则会发送符合RESTFull格式的参数
        singleSelect : false, // 设置为true将禁止多选
        // contentType : "application/x-www-form-urlencoded",
        // //发送到服务器的数据编码类型
        pageSize : 10, // 如果设置了分页，每页数据条数
        pageNumber : 1, // 如果设置了分布，首页页码
        //search : true, // 是否显示搜索框
        showColumns : false, // 是否显示内容下拉框（选择显示的列）
        sidePagination : "server", // 设置在哪里进行分页，可选值为"client" 或者 "server"
        queryParams : function(params) {
            return {
                //说明：传入后台的参数包括offset开始索引，limit步长，sort排序列，order：desc或者,以及所有列的键值对
                limit: params.limit,
                offset:params.offset,
                queryColumns : $('#queryColumns').val(),
                mobile: $('#mobile').val()
            };
        },
        // //请求服务器数据时，你可以通过重写参数的方式添加一些额外的参数，例如 toolbar 中的参数 如果
        // queryParamsType = 'limit' ,返回参数必须包含
        // limit, offset, search, sort, order 否则, 需要包含:
        // pageSize, pageNumber, searchText, sortName,
        // sortOrder.
        // 返回false将会终止请求
        columns : [
            {
                title : '序号',
                align : 'center',
                formatter: function (value, row, index) {
                    return index + 1;
                }
            },
            {
                field : "userId",
                align : 'center',
                title : "用户id"
            },
            {
                field : 'userName',
                align : 'center',
                title : '用户名'
            },
            {
                field : 'name',
                align : 'center',
                title : '姓名'
            },
            {
                field : 'remarks',
                align : 'center',
                title : '备注'
            },
            {
                field : 'mobile',
                align : 'center',
                title : '手机号'
            },
            {
                field : 'quota',
                align : 'center',
                title : '额度（元）'
            },
            {
                field : 'gmtCreate',
                align : 'center',
                title : '创建时间'
            },
            {
                field : 'attribute',
                align : 'center',
                title : '属性'
            },
            {
                field : 'status',
                align : 'center',
                title : '启用状态' ,
                formatter : function(value, row, index) {
                    var html = '-';
                    if (value == '1') {
                        html = '<span class="label label-primary" ' +
                            'onclick="editStatus(' + row.userId + ',' + row.status + ')">' +
                            '启用</span>';
                    } else if (value == '0') {
                        html = '<span class="label label-danger" ' +
                            'onclick="editStatus(' + row.userId + ',' + row.status + ')">' +
                            '停用</span>';
                    }
                    return html;
                }
            },
            {
                title : '操作',
                align : 'center',
                formatter : function(value, row, index) {
                    var f = '<span  class="btn btn-primary btn-sm ' + s_edit_h + '" onclick="edit(\''
                        + row.userId
                        + '\')">编辑</span> ';
                    var h = '<span  class="btn btn-warning btn-sm ' + s_resetToken_h + '" onclick="resetToken('
                        + row.userId
                        + ')">重置代理令牌</span> ';
                    var d = '<span  class="btn btn-info btn-sm ' + s_quota_h + '" onclick="quota('
                        + row.userId
                        + ')">查看流水</span> ';
                    var e = '<span  class="btn btn-success btn-sm ' + s_rate_h + '" onclick="rate('
                        + row.userId
                        + ')">设置费率</span> ';
                    return f + h + d + e;
                }
            }
        ]
    });
    $('#exampleTable').bootstrapTable('hideColumn', 'userId');//隐藏上述userId列
}
function reLoad() {
    //$('#exampleTable').bootstrapTable('refresh');
    $('#exampleTable').bootstrapTable('destroy');
    load();
}
function add() {
    layer.open({
        type : 2,
        title : '添加收款户代理',
        maxmin : true,
        shadeClose : false, // 点击遮罩关闭层
        area : [ '1000px', '520px' ],
        content : prefix + '/add' // iframe的url
    });
}

function editStatus(id, status){
    if ('' == s_editStatus_h) {
        layer.confirm("确认要" + (status==1?"停用":"启用") + "当前收款户代理?", {
            btn : [ '确定', '取消' ]
        }, function() {
            var stat = 1;
            switch(status) {
                case 0:
                    stat = 1;
                    break;
                case 1:
                    stat = 0;
                    break;
                default:
                    stat = 1;
            }
            $.ajax({
                url : prefix + "/editStatus",
                type : "post",
                data : {
                    'userId' : id,
                    'status' : stat
                },
                success : function(r) {
                    if (r.code == 0) {
                        layer.msg(r.msg);
                        reLoad();
                    } else {
                        layer.msg(r.msg);
                    }
                }
            });
        }, function() {})
    } else {
        layer.msg("当前用户没有操作权限，请联系管理员");
    }
}

function edit(id) {
    layer.open({
        type : 2,
        title : '编辑',
        maxmin : true,
        shadeClose : false, // 点击遮罩关闭层
        area : [ '800px', '520px' ],
        content : prefix + '/edit/' + id // iframe的url
    });
}

function quota(id) {
    layer.open({
        type : 2,
        title : '查看收款户代理流水',
        maxmin : true,
        shadeClose : false, // 点击遮罩关闭层
        area : [ '1000px', '520px' ],
        content : prefix + '/quota/' + id // iframe的url
    });
}

function rate(id) {
    layer.open({
        type : 2,
        title : '设置费率',
        maxmin : true,
        shadeClose : false, // 点击遮罩关闭层
        area : [ '840px', '520px' ],
        content : '/rate/rate/' + id // iframe的url
    });
}

function resetToken(id){
    layer.open({
        type : 2,
        title : '重置收款代理令牌',
        maxmin : true,
        shadeClose : false, // 点击遮罩关闭层
        area : [ '500px', '300px' ],
        content : prefix + '/reset/' + id // iframe的url
    });
}